import React from 'react';
import {messages} from "share/common";
import { Row, Col } from 'antd'
import ShowInfo from '../show-info'

const RefundTicketInfo = ({data}) => {
  const hrLine = {
    border:'0.5px solid #e8e8e8',
    marginBottom:14,
  }
  return (
    <div>
      {
        data.map((data, index) => {
          return (
            <div>
              <h3 style={{marginLeft:24}}>{messages('supplier.key310')/*退票信息*/}{index + 1}</h3>
              <hr style={{border:'0.5px solid #e8e8e8'}}/>
              <div style={{padding:'12px 24px'}}>
                <h4>{messages('supplier.key310')/*退票信息*/}</h4>
                <Row>
                  <ShowInfo label={messages('supplier.key533')/*退票流水号*/} value={data.refundOrderId} />
                  <ShowInfo label={messages('supplier.key534')/*退票交易流水号*/} value={data.tokenNo} />
                  <ShowInfo label={messages('supplier.key535')/*退票审核状态*/} value={data.audited} />
                  <ShowInfo label={messages('supplier.key536')/*退客户金额*/} value={data.payCustomerAmount} />
                  <ShowInfo label={messages('supplier.key537')/*退客户礼品礼卡金额*/} value={data.payCustomerTravelMoney} />
                  <ShowInfo label={messages('supplier.key538')/*退票申请时间*/} value={data.refundAplyTime} />
                  <ShowInfo label={messages('supplier.key539')/*退票审核时间*/} value={data.refundAuditedTime} />
                  <ShowInfo label={messages('supplier.key540')/*退票时间*/} value={data.refundTime} />
                  <ShowInfo label={messages('supplier.key541')/*退票状态*/} value={data.refundStatus} />
                  <ShowInfo label={messages('supplier.key542')/*退票状态描述*/} value={data.refundStatusDesc} />
                  <ShowInfo label={messages('supplier.key543')/*航段*/} value={data.sequence} />
                  <ShowInfo label={messages('supplier.key544')/*票号*/} value={data.ticketNo} />
                  <ShowInfo label={messages('supplier.key372')/*航班号*/} value={data.flight} />
                  <ShowInfo label={messages('supplier.key312')/*乘机人*/} value={data.passengerName} />
                  <ShowInfo label={messages('supplier.key545')/*退票费*/} value={data.refundFee} />
                  <ShowInfo label={messages('supplier.key546')/*退票费率*/} value={data.refundRate} />
                  <ShowInfo label={messages('supplier.key547')/*退票服务费*/} value={data.refundServiceFee} />
                  <ShowInfo label={messages('supplier.key548')/*飞享金*/} value={data.name} />
                  <ShowInfo label={messages('supplier.key549')/*已使用金额*/} value={data.name} />
                  <ShowInfo label={messages('supplier.key550')/*已使用税金*/} value={data.name} />
                </Row>
                <hr style={hrLine}/>
                <h4>{messages('supplier.key551')/*退保信息*/}</h4>
                <Row>
                  <ShowInfo label={messages('supplier.key552')/*退保份数*/} value={data.name} />
                  <ShowInfo label={messages('supplier.key553')/*保险种类*/} value={data.name} />
                  <ShowInfo label={messages('supplier.key520')/*保险单价*/} value={data.name} />
                  <ShowInfo label={messages('supplier.key554')/*退保费*/} value={data.name} />
                </Row>
              </div>
            </div>
          )
        })
      }
    </div>
  )
}

export default RefundTicketInfo;
